<!DOCTYPE html>
<html>
	<head>
		<!-- 声明文档使用的字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!--强制Chromium内核作用于360浏览器、QQ浏览器等国产双核浏览器-->
		<meta name="renderer" content="webkit" />
		<!--强制Chromium内核，作用于其他双核浏览器-->
		<meta name="force-rendering" content="webkit" />
		<!--如果有安装 Google Chrome Frame 插件则强制为Chromium内核，否则强制本机支持的最高版本IE内核，作用于IE浏览器：-->
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

		<title>人才中心</title>
		<meta name="keywords" content="人才中心">
		<meta name="description" content="人才中心">
		<link rel="stylesheet" href="css/upload.css" />
		<link rel="stylesheet" href="css/qingshang.css" />
		<script type="text/javascript" src="js/setFontSize.js"></script>
	</head>
	<body>
		<header class="header mbt20">
			<div class="container">
				<div class="box">
					<a href="javascript:history.back(-1)" class="backBtn"></a>
					成为人才
				</div>
			</div>
		</header>
		<main>
			<section class="formMo pbt100">
					<form action="" method="" class="talentForm">
						<div class="itemBox whiteBg mbt20 radiusBox">
							<div class="container">
								<div class="formItem">
									<img src="img/form_name.png" class="icon"/>
									<input type="text" class="formInput" placeholder="姓名" id="name"/>
								</div>
								<div class="formItem">
									<img src="img/form_tel.png" class="icon"/>
									<input type="text" class="formInput" placeholder="电话号码" id="mobile"/>
								</div>
								<div class="formItem clearfix">
									<img src="img/form_yzm.png" class="icon"/>
									<div class="yzmBox">
										<input type="text" class="formInput" placeholder="验证码" id="yzm"/>
									</div>
									<div class="yzmBtn" id="yzmBtn">获取验证码</div>
								</div>
							</div>
						</div>					
						<div class="itemBox whiteBg mbt20 radiusBox">
							<div class="formItem title">
								<img src="img/form_add.png" class="icon"/>
								地址
							</div>
							<div class="container">							
								<div id="distpicker">
								  <select class="formSelect" id="province"></select>
								  <select class="formSelect" id="city"></select>
								</div>
							</div>
						</div>
						<div class="itemBox whiteBg mbt20 radiusBox">
							<div class="container">
								<div class="formItem checks">
									<img src="img/form_fenlei.png" class="icon"/>
									<div class="name">选择分类（可多选）</div>
									<div class="checkItems">
										<label class="checkItem">
											<input type="checkbox" name="categray" value="1" class="checkbox"/>
											<span>主持人</span>										
										</label>
										<label class="checkItem">
											<input type="checkbox" name="categray" value="2" class="checkbox"/>
											<span>摄影师</span>										
										</label>
										<label class="checkItem">
											<input type="checkbox" name="categray" value="3" class="checkbox"/>
											<span>摄像师</span>										
										</label>
										<label class="checkItem">
											<input type="checkbox" name="categray" value="4" class="checkbox"/>
											<span>化妆师</span>										
										</label>
									</div>
								</div>
								<textarea placeholder="自我介绍" class="formText" id="profile"></textarea>
							</div>
						</div>
						<div class="itemBox whiteBg mbt20 radiusBox">
							<div class="formItem title">
								<img src="img/form_pic.png" class="icon"/>
								上传照片
							</div>
							<div class="container">							
								<div class="uploadPic">
									<ul class="picLists clearfix"></ul>
									<div id="picUpload"></div>
									<input type="hidden" value="#img/form_name.png#img/pic.jpg" id="images">
								</div>
							</div>
						</div>
						<div class="itemBox whiteBg radiusBox">
							<div class="formItem title">
								<img src="img/form_pic.png" class="icon"/>
								上传视频
							</div>
							<div class="container">							
								<div class="uploadVideo">
									<div id="videoUpload"></div>
								</div>
							</div>
						</div>
						<div class="container">
							<div class="formSub">保存</div>
						</div>						
					</form>
				
			</section>			
		</main>
		<!--jq-->
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<!--弹窗-->
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<!--地址联动-->
		<script type="text/javascript" src="js/distpicker.data.js"></script>
		<script type="text/javascript" src="js/distpicker.js"></script>
		<!--图片上传-->
		<script type="text/javascript" src="js/webuploader.html5only.js"></script>
		<script type="text/javascript" src="js/diyUpload.js"></script>
		<!--地址簿-->
		<script type="text/javascript" src="js/jquery.charfirst.pinyin.js"></script>
		<script type="text/javascript" src="js/sort.js"></script>
		<!--图片滚动-->
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<!--main js-->
		<script type="text/javascript" src="js/qingshang.js"></script>
	</body>
</html>
